<template>
	<div>
		<div class="breadcrumb-wrap">
			<el-breadcrumb separator="/">
				<el-breadcrumb-item>Collapse折叠面板</el-breadcrumb-item>
			</el-breadcrumb>
		</div>
		<div class="paddingT20">
			<el-collapse v-model="activeName" accordion>
				<el-collapse-item title="一致性" name="1">
					<div>与现实生活一致</div>
					<div>在界面中一致</div>
				</el-collapse-item>
				<el-collapse-item title="反馈" name="2">
					<div>控制反馈</div>
					<div>页面反馈</div>
				</el-collapse-item>
				<el-collapse-item title="效率" name="3">
					<div>简化流程</div>
					<div>清晰明确</div>
					<div>帮助用户识别</div>
				</el-collapse-item>
				<el-collapse-item title="可控" name="4">
					<div>用户决策</div>
					<div>结果可控</div>
				</el-collapse-item>
			</el-collapse>
		</div>
	</div>
</template>

<script>
	export default{
		name:'two',
		data(){
			return{
				activeName:'1'
			}
		}
	}
</script>

<style>
</style>